<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>发布招标</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../elementUI/index.css">
    <link rel="stylesheet" href="../../../css/index.css">
</head>

<body>
    <div id="app" class="minWidth">
        <el-form ref="contract" inline-message="true" style="width: 100%">
            <div class="table_titel">
                <div class="titel">标品信息</div>
            </div>
            <div style="display: flex;">
                <el-form-item>
                    <el-image v-if="form.Picture_URL!= undefined" style="width: 220px; height: 230px"
                        :src="DomainIMG + form.Picture_URL"></el-image>
                </el-form-item>
                <el-descriptions style="flex: 1;" :column="4" border size="small">
                    <el-descriptions-item label="商品名称">
                        <el-form-item prop="Article_Name">
                            <span>{{form.Article_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="挂单标题">
                        <el-form-item>
                            <span>{{form.Group_Purchasing_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="保证方式">
                        <el-form-item>
                            <span>{{form.Guarantee_Method}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="类别">
                        <el-form-item prop="Category_Name">
                            <span>{{form.Category_Name}}</span>
                        </el-form-item>
                        <el-descriptions-item label="商品价格">
                            <el-form-item prop="Amount">
                                <span>{{form.Amount}}</span>
                            </el-form-item>
                        </el-descriptions-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="商品总量">
                        <el-form-item prop="Amount">
                            <span>{{form.Total_Quantity}}{{form.Unit}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="联系人">
                        <el-form-item prop="Contacts">
                            <span>{{form.Contacts}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="联系人手机号">
                        <el-form-item prop="Contacts_Phone">
                            <span>{{form.Contacts_Phone}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="卖方企业">
                        <el-form-item prop="Enterprise_Name">
                            <span>{{form.Enterprise_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="交货时间">
                        <el-form-item prop="Item_SerialNumber">
                            <span>{{form.Delivery_Time}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="质量验收方式">
                        <el-form-item prop="Quality_Acceptance_Method">
                            <span>{{form.Quality_Acceptance_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="数量验收方式">
                        <el-form-item prop="quantityInspection">
                            <span>{{form.Quantity_Acceptance_Name}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="交收方式">
                        <el-form-item prop="quantityInspection">
                            <span>{{form.Delivery_Method=='1'?'正常交收':'协议交收'}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="起步价">
                        <el-form-item prop="Starting_Quantity">
                            <span>{{form.Starting_Quantity}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                    <el-descriptions-item label="补充条款">
                        <el-form-item>
                            <span>{{form.Supplementary_Provisions}}</span>
                        </el-form-item>
                    </el-descriptions-item>
                </el-descriptions>
            </div>
        </el-form>
        <el-table :data="tableData" stripe border height="calc(100vh - 140px)" style="width: 100%;margin-bottom: 100px;">
            <el-table-column align="center" label="序号" width="50" type="index"></el-table-column>
            <el-table-column align="center" prop="Group_Transaction_SerialNumber" width="180" label="商品编号"></el-table-column>
            <el-table-column align="center" prop="Article_Name" label="商品名"></el-table-column>
            <el-table-column align="center" prop="Total_Quantity" label="总数量"></el-table-column>
            <el-table-column align="center" prop="Quantity" label="购买数量"></el-table-column>
            <el-table-column align="center" prop="Unit" label="单位"></el-table-column>
            <el-table-column align="center" prop="Amount" label="花费"></el-table-column>
            <el-table-column align="center" prop="Buyer_Contact" label="买方联系人"></el-table-column>
            <el-table-column align="center" prop="Buyer_Contact_Phone" label="买方手机号"></el-table-column>
            <el-table-column align="center" label="买方企业">
                <template v-slot="{row}">
                    <div :title="row.Enterprise_Name" style="width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">
                        <span>{{row.Enterprise_Name}}</span>
                    </div>
                </template>
            </el-table-column>
            <el-table-column align="center" prop="Submission_Time" label="交易完成时间"></el-table-column>
            <el-table-column align="center" prop="Row_Status" label="状态">
                <template v-slot="{row}">
                   <el-tag v-if="row.Row_Status == '0'" type="warning">审核中</el-tag>
                    <el-tag v-else-if="row.Row_Status == '1'" type="success">已通过</el-tag>
                    <el-tag v-else-if="row.Row_Status == '2'" type="danger">未通过</el-tag>
                    <el-tag v-else-if="row.Row_Status == '4'" type="success">待对方确认</el-tag>
                    <el-tag v-else-if="row.Row_Status == '5'" type="success">待对方收货</el-tag>
                    <el-tag v-else-if="row.Row_Status == '6'" type="danger">已结束</el-tag>
                    </template>
               </el-table-column>
        </el-table>
        <el-form>
            <el-form-item class="form-operation">
                <el-button @click="window.history.back()">返回</el-button>
            </el-form-item>
        </el-form>
        <el-pagination background v-show="total > 0" @size-change="handleSizeChange"
            @current-change="handleCurrentChange" :current-page="form1.page" :page-sizes="[10,20,30,50]"
            :page-size="form1.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
        </el-pagination>
    </div>
    <script type="text/javascript" src="../../../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../js/vue.min.js"></script>
    <script type="text/javascript" src="../../../elementUI/index.js"></script>
    <script type="text/javascript" src="../../../js/utils.js"></script>
    <script type="text/javascript" src="../../../js/ID_Validity.js"></script>
    <script type="text/javascript" src="../../../js/compressor.js"></script>
    <script type="text/javascript" src="../../../js/FileSaver.min.js"></script>
    <script type="text/javascript" src="../../../js/FileSaver.js"></script>
    <script type="text/javascript" src="../../../js/xlsx.full.min.js"></script>
    <script type="text/javascript" src="./js/Detailrecords.js"></script>
</body>

</html>